@mixin focus-a11y {
	border-radius: 0.25rem;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
		border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

	&:focus {
		box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem $primary-l0;
		outline: 0;
	}
}
